<template>
	<el-dialog v-model="dialogVisible" title="Tips" width="50%">
		<el-form :label-position="labelPosition" label-width="100px" :model="formLabelAlign" style="max-width: 460px">
			<el-form-item label="角色名称"><el-input v-model="formLabelAlign.name" /></el-form-item>
			<el-form-item label="是否启用">
				<el-radio-group v-model="radio1">
				      <el-radio label="1">启用</el-radio>
				      <el-radio label="2">禁用</el-radio>
				    </el-radio-group>
			</el-form-item>
		</el-form>

		<template #footer>
			<span class="dialog-footer">
				<el-button @click="dialogVisible = false">取消</el-button>
				<el-button type="primary" @click="dialogVisible = false">确定</el-button>
			</span>
		</template>
	</el-dialog>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue';
import { ElMessageBox } from 'element-plus';

const dialogVisible = ref(false);
const labelPosition = ref('right');
const radio1 = ref('1')
const formLabelAlign = reactive({
	name: ''
});
const showModal = ({ name, status, date }) => {
	dialogVisible.value = true;
	formLabelAlign.name = name;

};
defineExpose({
	showModal
});

// const emits = defineEmits(['showModal'])
</script>
<style scoped>

</style>
